.exchangeView {
    width:100%;
    overflow-x:hidden;
    background:#f5f5f5;
}
.defultView {
    display:flex;
    flex-direction:column;
    width:100%;
    overflow-x:hidden;
}
.exchangeButton {
    width:5rem;
    margin:0 auto;
    background:#222222;
    border-radius:0.4rem;
    font-size:0.4rem;
    color:#fff;
    padding 0.2rem
}
.lbInput {
    height:1rem;
    line-height:1rem;
    width:100%;
    padding:0 0.3rem;
    color:#222222;
}
.section {
    display:flex;
    justify-content:space-between;
    position:relative;
    background-color:#f5f5f5;
    border-radius:0.12rem;
    margin:0.6rem 0.3rem;
}
.logo {
    margin-top:0.4rem;
    width:1.4rem;
    height:1.4rem;
}
.imgDiv {
    padding-top:0.8rem;
    text-align:center;
}
.tips {
    margin-top:0.3rem;
    font-size:0.24rem;
    color:#A4A4A4;
    text-align:center;
}
.listView {
    background:#f5f5f5;
    height:100%;
}
.success_area {
    display:flex;
    flex-direction:column;
    align-items:center;
    color:#FF6E2A;
    font-size:0.32rem;
    font-weight:bold;
    background:#fff;
}
.success_tip {
    margin-top:0.2rem;
    padding-bottom:0.56rem;
}
.logo {
    width:1.4rem;
    height:1.4rem;
}
/* 优惠券列表*/
.discount {
    width:100%;
    height:100%;
    text-align:center;
    background-color:#F5F5F5;
}
.cardItem {
    margin:0.3rem;
}
.itemBg {
    position:relative;
    overflow:hidden;
    width:100%;
    height:2.56rem;
    vertical-align:bottom;
}
.leftArea {
    position:absolute;
    top:-0.08rem;
    color:#222222;
    font-weight:bold;
    font-size:0.36rem;
    left:0.06rem;
    letter-spacing:0.04rem;
    height:100%;
    width:2.12rem;
    display:flex;
    align-items:center;
    justify-content:center;
}
.rightArea {
    font-size:0.32rem;
    position:absolute;
    left:2.46rem;
    top:0.34rem;
    display:flex;
    flex-direction:column;
    width:100%;
    text-align:left;
    height:1.9rem;
}
/* 兼容部分 6.4rem */
/* @media only screen and (max-width:6.4rem) {
     .rightArea {
         right:9%;
    }
}
 */
.line {
    width:0.54rem;
    height:0.08rem;
}
.titleArea {
    display:flex;
    align-items:center;
}
.title {
    margin:0 0.08rem;
    font-weight:600;
}
.num {
    font-size:0.6rem;
    font-weight:bold;
    color:#222222;
}
.moneyNum {
    font-size:0.52rem;
}
.exchange {
    position:fixed;
    background:#fff;
    height:1.76rem;
    left:0;
    right:0;
    bottom:0;
    display:flex;
    align-items:center;
    box-shadow:0 -0.04rem 0.2rem rgba(0,0,0,0.08)
}
/* .exchangeButton {
     background:#222222;
     color:#ffffff;
     border-radius:0.4rem;
     font-size:0.36rem;
     letter-spacing:0.02rem;
     font-weight:600;
     width:100%;
     margin:0 0.3rem;
}
 */
.exchangeButton[disabled] {
    color:#ffffff !important;
    background:#222222 !important;
    opacity:.5;
}
.date {
    font-size:0.24rem;
    color:#A4A4A4;
    flex:1;
    display:flex;
    flex-direction:column-reverse;
    margin-bottom:0.32rem;
}
.desc {
    color:#222222;
    font-size:0.24rem;
    margin-left:0.08rem;
    margin-top:0.08rem;
}
.tip {
    font-size:0.28rem;
    color:gray;
}
.areaBottom {
    display:flex;
    flex-direction:column;
    font-size:0.24rem;
    color:#A4A4A4;
    margin-left:0.08rem;
    line-height:0.44rem;
    position:absolute;
    bottom:0.1rem;
    width:100%;
}
.disabledColor {
    color:#C2C2C2 !important
}
